<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1322274" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">shop_fill</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">cart_fill</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">discover_fill</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">宝宝食品</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">旅游特惠</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">paint_fill</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">条码支付</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">repair_fill</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">hot_fill</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">进口食品</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">进口食品</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">activity_fill</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">crown_fill</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">goods_fill</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">扫条码</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">装车</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">进口食品</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">1集团</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">emoji_fill</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">emoji_flash_fill</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">flashbuy_fill</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">whb_标签</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">食品行业</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">消费券-吃</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">食品选中</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">食品美食</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">circle_fill</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">attention_favor_fill</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">方便食品</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">导航</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">条形码</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">调试</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">眼</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">不可见</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">存盘</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">系统认证</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">档案</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">计算器</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">旗</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">power-set</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">插头</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">闹钟</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">人员关系树</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">medal_fill</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">倒计时</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">skin_fill</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">速冻食品</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">单位换算</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">有机食品</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">门店管理</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">物料出库</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">物料入库</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">订单物料采购入库</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">食品加工企业</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">无条码</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">食品行业</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">计时未开始</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">deliver_fill</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">食品资质认证</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">忌加工食品</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">食品认证</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">绿色食品</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">339 省食安办</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">数据</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">物料申请  app-doctor-fe worder</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">有机食品-01</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">条码打印机</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">物料管理</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">条码</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">手动输入条码</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">物料</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">插入条码</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">计时</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">宣传物料</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">待出库商品</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">计时</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">公司层级</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">oppose_fill_light</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">保健食品</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">食品作坊</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">食品许可</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">物料与配送</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">保健食品</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">计时</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">物料计量标准</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">食品贡酒类专业清关</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">其他出库发货</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">物料</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">三品物料-填充</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">食品</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">arrow_left_fill</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">arrow_up_fill</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">物料入库</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">食品药品监管</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">条码</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">物料管理</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">食品酒水</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">产线条码规则</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">activity_fill</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">addressbook_fill</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">browse_fill</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">brush_fill</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">camera_fill</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">clock_fill</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">computer_fill</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">createtask_fill</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">customerservice_fill</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">delete_fill</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">document_fill</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">emoji_fill</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">feedback_fill</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">flag_fill</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">flashlight_fill</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">flip_fill</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">fullscreen</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">group_fill</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">headlines_fill</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">homepage_fill</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">integral_fill</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">interactive_fill</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">like_fill</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">mail_fill</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">manage_fill</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">message_fill</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">mobilephone_fill</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">narrow</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">offline_fill</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">play_fill</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">praise_fill</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">prompt_fill</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">qrcode_fill</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">redpacket_fill</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">remind_fill</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">select_fill</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">shielding_fill</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">systemprompt_fill</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">task_fill</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">tasklist_fill</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">unlock_fill</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">video_fill</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">warning_fill</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">decoration_fill</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">150-清真食品</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">151-犹太食品</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">物料仓储管理</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">食品微生物</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">食品-面包-t</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">食品加工机</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">打印条码</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">物料预归类审批</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">计时</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">材料装车</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">粮食安全考核</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">物料管理</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">物料登记</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">条码秤</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">装车物料</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">物料</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">条码打印</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">s生成条码</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">商品出库</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">食品-汉堡</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">食品-坚果-花生</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">食品-生鲜-鸡腿</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">食品-水果-樱桃</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">食品-生鲜-鱼</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">食品-坚果-核桃</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">食品-生鲜-虾</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">食品-咖啡</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">mall_fill_light</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconfujian"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.iconfujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshopfill"></span>
            <div class="name">
              shop_fill
            </div>
            <div class="code-name">.iconshopfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcartfill"></span>
            <div class="name">
              cart_fill
            </div>
            <div class="code-name">.iconcartfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiscoverfill"></span>
            <div class="name">
              discover_fill
            </div>
            <div class="code-name">.icondiscoverfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaobaoshipin"></span>
            <div class="name">
              宝宝食品
            </div>
            <div class="code-name">.iconbaobaoshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlvyoutehui"></span>
            <div class="name">
              旅游特惠
            </div>
            <div class="code-name">.iconlvyoutehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhoudongf"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconhoudongf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaintfill"></span>
            <div class="name">
              paint_fill
            </div>
            <div class="code-name">.iconpaintfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaomazhifu"></span>
            <div class="name">
              条码支付
            </div>
            <div class="code-name">.icontiaomazhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrepairfill"></span>
            <div class="name">
              repair_fill
            </div>
            <div class="code-name">.iconrepairfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin1"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhotfill"></span>
            <div class="name">
              hot_fill
            </div>
            <div class="code-name">.iconhotfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconiconfontjinko"></span>
            <div class="name">
              进口食品
            </div>
            <div class="code-name">.iconiconfontjinko
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinkoushipin"></span>
            <div class="name">
              进口食品
            </div>
            <div class="code-name">.iconjinkoushipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconactivityfill"></span>
            <div class="name">
              activity_fill
            </div>
            <div class="code-name">.iconactivityfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrownfill"></span>
            <div class="name">
              crown_fill
            </div>
            <div class="code-name">.iconcrownfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongoodsfill"></span>
            <div class="name">
              goods_fill
            </div>
            <div class="code-name">.icongoodsfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbf-icon-search"></span>
            <div class="name">
              扫条码
            </div>
            <div class="code-name">.iconbf-icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuangche"></span>
            <div class="name">
              装车
            </div>
            <div class="code-name">.iconzhuangche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinkoushipin1"></span>
            <div class="name">
              进口食品
            </div>
            <div class="code-name">.iconjinkoushipin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon1jituan"></span>
            <div class="name">
              1集团
            </div>
            <div class="code-name">.icon1jituan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconemojifill"></span>
            <div class="name">
              emoji_fill
            </div>
            <div class="code-name">.iconemojifill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconemojiflashfill"></span>
            <div class="name">
              emoji_flash_fill
            </div>
            <div class="code-name">.iconemojiflashfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflashbu"></span>
            <div class="name">
              flashbuy_fill
            </div>
            <div class="code-name">.iconflashbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin3"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqian"></span>
            <div class="name">
              whb_标签
            </div>
            <div class="code-name">.iconbiaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin4"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinxingye"></span>
            <div class="name">
              食品行业
            </div>
            <div class="code-name">.iconshipinxingye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaofei"></span>
            <div class="name">
              消费券-吃
            </div>
            <div class="code-name">.iconxiaofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinxua"></span>
            <div class="name">
              食品选中
            </div>
            <div class="code-name">.iconshipinxua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconai-home"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconai-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinmeishi"></span>
            <div class="name">
              食品美食
            </div>
            <div class="code-name">.iconshipinmeishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcirclefill"></span>
            <div class="name">
              circle_fill
            </div>
            <div class="code-name">.iconcirclefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconattentionfa"></span>
            <div class="name">
              attention_favor_fill
            </div>
            <div class="code-name">.iconattentionfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconanquan1"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.iconanquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangbianshipin"></span>
            <div class="name">
              方便食品
            </div>
            <div class="code-name">.iconfangbianshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconiconmenu1"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.iconiconmenu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnavigator"></span>
            <div class="name">
              导航
            </div>
            <div class="code-name">.iconnavigator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbarcode"></span>
            <div class="name">
              条形码
            </div>
            <div class="code-name">.iconbarcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbug"></span>
            <div class="name">
              调试
            </div>
            <div class="code-name">.iconbug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunie737"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.iconunie737
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye"></span>
            <div class="name">
              眼
            </div>
            <div class="code-name">.iconeye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeyeblocked"></span>
            <div class="name">
              不可见
            </div>
            <div class="code-name">.iconeyeblocked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsaomiaoerw"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconsaomiaoerw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdan1"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icondingdan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconruanpan"></span>
            <div class="name">
              存盘
            </div>
            <div class="code-name">.iconruanpan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconiconveri"></span>
            <div class="name">
              系统认证
            </div>
            <div class="code-name">.iconiconveri
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaobiao"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.iconbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondangan"></span>
            <div class="name">
              档案
            </div>
            <div class="code-name">.icondangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjisuanqi"></span>
            <div class="name">
              计算器
            </div>
            <div class="code-name">.iconjisuanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag"></span>
            <div class="name">
              旗
            </div>
            <div class="code-name">.iconflag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicopowerset"></span>
            <div class="name">
              power-set
            </div>
            <div class="code-name">.iconicopowerset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplug"></span>
            <div class="name">
              插头
            </div>
            <div class="code-name">.iconplug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsiglyp"></span>
            <div class="name">
              闹钟
            </div>
            <div class="code-name">.iconsiglyp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiguanshi"></span>
            <div class="name">
              人员关系树
            </div>
            <div class="code-name">.iconjiguanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqian1"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.iconbiaoqian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmedalfill"></span>
            <div class="name">
              medal_fill
            </div>
            <div class="code-name">.iconmedalfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaojishi"></span>
            <div class="name">
              倒计时
            </div>
            <div class="code-name">.icondaojishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconskinfill"></span>
            <div class="name">
              skin_fill
            </div>
            <div class="code-name">.iconskinfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin01"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsudongshipin"></span>
            <div class="name">
              速冻食品
            </div>
            <div class="code-name">.iconsudongshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconanquan3"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.iconanquan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin7"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiankong"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconjiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshiliangz"></span>
            <div class="name">
              单位换算
            </div>
            <div class="code-name">.iconshiliangz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin8"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyjsp"></span>
            <div class="name">
              有机食品
            </div>
            <div class="code-name">.iconyjsp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmendiang"></span>
            <div class="name">
              门店管理
            </div>
            <div class="code-name">.iconmendiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaochuku"></span>
            <div class="name">
              物料出库
            </div>
            <div class="code-name">.iconwuliaochuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaoruku"></span>
            <div class="name">
              物料入库
            </div>
            <div class="code-name">.iconwuliaoruku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdanwu"></span>
            <div class="name">
              订单物料采购入库
            </div>
            <div class="code-name">.icondingdanwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinjiag"></span>
            <div class="name">
              食品加工企业
            </div>
            <div class="code-name">.iconshipinjiag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwutiaoma"></span>
            <div class="name">
              无条码
            </div>
            <div class="code-name">.iconwutiaoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinhangye"></span>
            <div class="name">
              食品行业
            </div>
            <div class="code-name">.iconshipinhangye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkaishi"></span>
            <div class="name">
              计时未开始
            </div>
            <div class="code-name">.iconkaishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondeliver_fill"></span>
            <div class="name">
              deliver_fill
            </div>
            <div class="code-name">.icondeliver_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinzizhi"></span>
            <div class="name">
              食品资质认证
            </div>
            <div class="code-name">.iconshipinzizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjijiago"></span>
            <div class="name">
              忌加工食品
            </div>
            <div class="code-name">.iconjijiago
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin11"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqian2"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.iconbiaoqian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiankong1"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconjiankong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinrenz"></span>
            <div class="name">
              食品认证
            </div>
            <div class="code-name">.iconshipinrenz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqian3"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.iconbiaoqian3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongediancanrenzhengtubiaolvseshipin"></span>
            <div class="name">
              绿色食品
            </div>
            <div class="code-name">.icongediancanrenzhengtubiaolvseshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengshi"></span>
            <div class="name">
              339 省食安办
            </div>
            <div class="code-name">.iconshengshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuju"></span>
            <div class="name">
              数据
            </div>
            <div class="code-name">.iconshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrp-shipin"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconcrp-shipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmonit"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconmonit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaos"></span>
            <div class="name">
              物料申请  app-doctor-fe worder
            </div>
            <div class="code-name">.iconwuliaos
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyoujishipin-"></span>
            <div class="name">
              有机食品-01
            </div>
            <div class="code-name">.iconyoujishipin-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaomadayinji"></span>
            <div class="name">
              条码打印机
            </div>
            <div class="code-name">.icontiaomadayinji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaoguanli"></span>
            <div class="name">
              物料管理
            </div>
            <div class="code-name">.iconwuliaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.iconquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshiliangzhinengduixiang"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.iconshiliangzhinengduixiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaoma"></span>
            <div class="name">
              条码
            </div>
            <div class="code-name">.icontiaoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoudongs"></span>
            <div class="name">
              手动输入条码
            </div>
            <div class="code-name">.iconshoudongs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliao"></span>
            <div class="name">
              物料
            </div>
            <div class="code-name">.iconwuliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcharutiaoma"></span>
            <div class="name">
              插入条码
            </div>
            <div class="code-name">.iconcharutiaoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjishi1"></span>
            <div class="name">
              计时
            </div>
            <div class="code-name">.iconjishi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxuanchu"></span>
            <div class="name">
              宣传物料
            </div>
            <div class="code-name">.iconxuanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaichuk"></span>
            <div class="name">
              待出库商品
            </div>
            <div class="code-name">.icondaichuk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjishi2"></span>
            <div class="name">
              计时
            </div>
            <div class="code-name">.iconjishi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongsicengji"></span>
            <div class="name">
              公司层级
            </div>
            <div class="code-name">.icongongsicengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconopposefilllight"></span>
            <div class="name">
              oppose_fill_light
            </div>
            <div class="code-name">.iconopposefilllight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaojianshipin"></span>
            <div class="name">
              保健食品
            </div>
            <div class="code-name">.iconbaojianshipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinzuofang"></span>
            <div class="name">
              食品作坊
            </div>
            <div class="code-name">.iconshipinzuofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinxuke"></span>
            <div class="name">
              食品许可
            </div>
            <div class="code-name">.iconshipinxuke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiankong4"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconjiankong4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaoy"></span>
            <div class="name">
              物料与配送
            </div>
            <div class="code-name">.iconwuliaoy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbaojianshipin1"></span>
            <div class="name">
              保健食品
            </div>
            <div class="code-name">.iconbaojianshipin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshijian"></span>
            <div class="name">
              计时
            </div>
            <div class="code-name">.iconshijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaojilia"></span>
            <div class="name">
              物料计量标准
            </div>
            <div class="code-name">.iconwuliaojilia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipingongjiuleizhuanyeqingguan"></span>
            <div class="name">
              食品贡酒类专业清关
            </div>
            <div class="code-name">.iconshipingongjiuleizhuanyeqingguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqitachuk"></span>
            <div class="name">
              其他出库发货
            </div>
            <div class="code-name">.iconqitachuk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweibiaoti-"></span>
            <div class="name">
              物料
            </div>
            <div class="code-name">.iconweibiaoti-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsanpinw"></span>
            <div class="name">
              三品物料-填充
            </div>
            <div class="code-name">.iconsanpinw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin13"></span>
            <div class="name">
              食品
            </div>
            <div class="code-name">.iconshipin13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow_left_fill"></span>
            <div class="name">
              arrow_left_fill
            </div>
            <div class="code-name">.iconarrow_left_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow_up_fill"></span>
            <div class="name">
              arrow_up_fill
            </div>
            <div class="code-name">.iconarrow_up_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsafety"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.iconsafety
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconSH-wuliaoruku"></span>
            <div class="name">
              物料入库
            </div>
            <div class="code-name">.iconSH-wuliaoruku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinyaopinjianguan"></span>
            <div class="name">
              食品药品监管
            </div>
            <div class="code-name">.iconshipinyaopinjianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaoma2"></span>
            <div class="name">
              条码
            </div>
            <div class="code-name">.icontiaoma2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconanquan4"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.iconanquan4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiankong6"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconjiankong6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaoguanli1"></span>
            <div class="name">
              物料管理
            </div>
            <div class="code-name">.iconwuliaoguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipinjiushui"></span>
            <div class="name">
              食品酒水
            </div>
            <div class="code-name">.iconshipinjiushui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaomaguize"></span>
            <div class="name">
              产线条码规则
            </div>
            <div class="code-name">.icontiaomaguize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconactivity_fill"></span>
            <div class="name">
              activity_fill
            </div>
            <div class="code-name">.iconactivity_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaddr"></span>
            <div class="name">
              addressbook_fill
            </div>
            <div class="code-name">.iconaddr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbrowse_fill"></span>
            <div class="name">
              browse_fill
            </div>
            <div class="code-name">.iconbrowse_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbrush_fill"></span>
            <div class="name">
              brush_fill
            </div>
            <div class="code-name">.iconbrush_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcamera_fill"></span>
            <div class="name">
              camera_fill
            </div>
            <div class="code-name">.iconcamera_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock_fill"></span>
            <div class="name">
              clock_fill
            </div>
            <div class="code-name">.iconclock_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomputer_fill"></span>
            <div class="name">
              computer_fill
            </div>
            <div class="code-name">.iconcomputer_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcreatetask_fill"></span>
            <div class="name">
              createtask_fill
            </div>
            <div class="code-name">.iconcreatetask_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcustomerse"></span>
            <div class="name">
              customerservice_fill
            </div>
            <div class="code-name">.iconcustomerse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete_fill"></span>
            <div class="name">
              delete_fill
            </div>
            <div class="code-name">.icondelete_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondocument_fill"></span>
            <div class="name">
              document_fill
            </div>
            <div class="code-name">.icondocument_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconemoji_fill"></span>
            <div class="name">
              emoji_fill
            </div>
            <div class="code-name">.iconemoji_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeedback_fill"></span>
            <div class="name">
              feedback_fill
            </div>
            <div class="code-name">.iconfeedback_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag_fill"></span>
            <div class="name">
              flag_fill
            </div>
            <div class="code-name">.iconflag_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflashlight_fill"></span>
            <div class="name">
              flashlight_fill
            </div>
            <div class="code-name">.iconflashlight_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflip_fill"></span>
            <div class="name">
              flip_fill
            </div>
            <div class="code-name">.iconflip_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfullscreen"></span>
            <div class="name">
              fullscreen
            </div>
            <div class="code-name">.iconfullscreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongroup_fill"></span>
            <div class="name">
              group_fill
            </div>
            <div class="code-name">.icongroup_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheadlines_fill"></span>
            <div class="name">
              headlines_fill
            </div>
            <div class="code-name">.iconheadlines_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhomepage_fill"></span>
            <div class="name">
              homepage_fill
            </div>
            <div class="code-name">.iconhomepage_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral_fill"></span>
            <div class="name">
              integral_fill
            </div>
            <div class="code-name">.iconintegral_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinteractive_fill"></span>
            <div class="name">
              interactive_fill
            </div>
            <div class="code-name">.iconinteractive_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike_fill"></span>
            <div class="name">
              like_fill
            </div>
            <div class="code-name">.iconlike_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail_fill"></span>
            <div class="name">
              mail_fill
            </div>
            <div class="code-name">.iconmail_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmanage_fill"></span>
            <div class="name">
              manage_fill
            </div>
            <div class="code-name">.iconmanage_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessage_fill"></span>
            <div class="name">
              message_fill
            </div>
            <div class="code-name">.iconmessage_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile"></span>
            <div class="name">
              mobilephone_fill
            </div>
            <div class="code-name">.iconmobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnarrow"></span>
            <div class="name">
              narrow
            </div>
            <div class="code-name">.iconnarrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoffline_fill"></span>
            <div class="name">
              offline_fill
            </div>
            <div class="code-name">.iconoffline_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay_fill"></span>
            <div class="name">
              play_fill
            </div>
            <div class="code-name">.iconplay_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpraise_fill"></span>
            <div class="name">
              praise_fill
            </div>
            <div class="code-name">.iconpraise_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprompt_fill"></span>
            <div class="name">
              prompt_fill
            </div>
            <div class="code-name">.iconprompt_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqrcode_fill"></span>
            <div class="name">
              qrcode_fill
            </div>
            <div class="code-name">.iconqrcode_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconredpacket_fill"></span>
            <div class="name">
              redpacket_fill
            </div>
            <div class="code-name">.iconredpacket_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconremind_fill"></span>
            <div class="name">
              remind_fill
            </div>
            <div class="code-name">.iconremind_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconselect_fill"></span>
            <div class="name">
              select_fill
            </div>
            <div class="code-name">.iconselect_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshielding_fill"></span>
            <div class="name">
              shielding_fill
            </div>
            <div class="code-name">.iconshielding_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsystempro"></span>
            <div class="name">
              systemprompt_fill
            </div>
            <div class="code-name">.iconsystempro
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontask_fill"></span>
            <div class="name">
              task_fill
            </div>
            <div class="code-name">.icontask_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontasklist_fill"></span>
            <div class="name">
              tasklist_fill
            </div>
            <div class="code-name">.icontasklist_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock_fill"></span>
            <div class="name">
              unlock_fill
            </div>
            <div class="code-name">.iconunlock_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo_fill"></span>
            <div class="name">
              video_fill
            </div>
            <div class="code-name">.iconvideo_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning_fill"></span>
            <div class="name">
              warning_fill
            </div>
            <div class="code-name">.iconwarning_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondecoration_fill"></span>
            <div class="name">
              decoration_fill
            </div>
            <div class="code-name">.icondecoration_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon150"></span>
            <div class="name">
              150-清真食品
            </div>
            <div class="code-name">.icon150
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon151"></span>
            <div class="name">
              151-犹太食品
            </div>
            <div class="code-name">.icon151
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliaocan"></span>
            <div class="name">
              物料仓储管理
            </div>
            <div class="code-name">.iconwuliaocan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiankong7"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.iconjiankong7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweis"></span>
            <div class="name">
              食品微生物
            </div>
            <div class="code-name">.iconweis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmianbao"></span>
            <div class="name">
              食品-面包-t
            </div>
            <div class="code-name">.iconmianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconessor"></span>
            <div class="name">
              食品加工机
            </div>
            <div class="code-name">.iconessor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondayintiaoma1"></span>
            <div class="name">
              打印条码
            </div>
            <div class="code-name">.icondayintiaoma1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenpi"></span>
            <div class="name">
              物料预归类审批
            </div>
            <div class="code-name">.iconshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjishi"></span>
            <div class="name">
              计时
            </div>
            <div class="code-name">.iconjishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcailiao"></span>
            <div class="name">
              材料装车
            </div>
            <div class="code-name">.iconcailiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnkaohe"></span>
            <div class="name">
              粮食安全考核
            </div>
            <div class="code-name">.iconnkaohe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuomoban-"></span>
            <div class="name">
              物料管理
            </div>
            <div class="code-name">.iconuomoban-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliao1"></span>
            <div class="name">
              物料登记
            </div>
            <div class="code-name">.iconwuliao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaomacheng"></span>
            <div class="name">
              条码秤
            </div>
            <div class="code-name">.icontiaomacheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongchewuliao"></span>
            <div class="name">
              装车物料
            </div>
            <div class="code-name">.icongchewuliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuliao2"></span>
            <div class="name">
              物料
            </div>
            <div class="code-name">.iconwuliao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontiaomadayin"></span>
            <div class="name">
              条码打印
            </div>
            <div class="code-name">.icontiaomadayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsshengch"></span>
            <div class="name">
              s生成条码
            </div>
            <div class="code-name">.iconsshengch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangpin"></span>
            <div class="name">
              商品出库
            </div>
            <div class="code-name">.iconshangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin-hanbao"></span>
            <div class="name">
              食品-汉堡
            </div>
            <div class="code-name">.iconshipin-hanbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuasheng"></span>
            <div class="name">
              食品-坚果-花生
            </div>
            <div class="code-name">.iconuasheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjitui"></span>
            <div class="name">
              食品-生鲜-鸡腿
            </div>
            <div class="code-name">.iconjitui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyingtao"></span>
            <div class="name">
              食品-水果-樱桃
            </div>
            <div class="code-name">.iconyingtao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengxian-yu"></span>
            <div class="name">
              食品-生鲜-鱼
            </div>
            <div class="code-name">.iconshengxian-yu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhetao"></span>
            <div class="name">
              食品-坚果-核桃
            </div>
            <div class="code-name">.iconhetao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin-she"></span>
            <div class="name">
              食品-生鲜-虾
            </div>
            <div class="code-name">.iconshipin-she
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshipin-kafei"></span>
            <div class="name">
              食品-咖啡
            </div>
            <div class="code-name">.iconshipin-kafei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmall_fill_light"></span>
            <div class="name">
              mall_fill_light
            </div>
            <div class="code-name">.iconmall_fill_light
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfujian"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#iconfujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshopfill"></use>
                </svg>
                <div class="name">shop_fill</div>
                <div class="code-name">#iconshopfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcartfill"></use>
                </svg>
                <div class="name">cart_fill</div>
                <div class="code-name">#iconcartfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiscoverfill"></use>
                </svg>
                <div class="name">discover_fill</div>
                <div class="code-name">#icondiscoverfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaobaoshipin"></use>
                </svg>
                <div class="name">宝宝食品</div>
                <div class="code-name">#iconbaobaoshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlvyoutehui"></use>
                </svg>
                <div class="name">旅游特惠</div>
                <div class="code-name">#iconlvyoutehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhoudongf"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconhoudongf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaintfill"></use>
                </svg>
                <div class="name">paint_fill</div>
                <div class="code-name">#iconpaintfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaomazhifu"></use>
                </svg>
                <div class="name">条码支付</div>
                <div class="code-name">#icontiaomazhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrepairfill"></use>
                </svg>
                <div class="name">repair_fill</div>
                <div class="code-name">#iconrepairfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin1"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhotfill"></use>
                </svg>
                <div class="name">hot_fill</div>
                <div class="code-name">#iconhotfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconiconfontjinko"></use>
                </svg>
                <div class="name">进口食品</div>
                <div class="code-name">#iconiconfontjinko</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinkoushipin"></use>
                </svg>
                <div class="name">进口食品</div>
                <div class="code-name">#iconjinkoushipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconactivityfill"></use>
                </svg>
                <div class="name">activity_fill</div>
                <div class="code-name">#iconactivityfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrownfill"></use>
                </svg>
                <div class="name">crown_fill</div>
                <div class="code-name">#iconcrownfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongoodsfill"></use>
                </svg>
                <div class="name">goods_fill</div>
                <div class="code-name">#icongoodsfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbf-icon-search"></use>
                </svg>
                <div class="name">扫条码</div>
                <div class="code-name">#iconbf-icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuangche"></use>
                </svg>
                <div class="name">装车</div>
                <div class="code-name">#iconzhuangche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinkoushipin1"></use>
                </svg>
                <div class="name">进口食品</div>
                <div class="code-name">#iconjinkoushipin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon1jituan"></use>
                </svg>
                <div class="name">1集团</div>
                <div class="code-name">#icon1jituan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconemojifill"></use>
                </svg>
                <div class="name">emoji_fill</div>
                <div class="code-name">#iconemojifill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconemojiflashfill"></use>
                </svg>
                <div class="name">emoji_flash_fill</div>
                <div class="code-name">#iconemojiflashfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflashbu"></use>
                </svg>
                <div class="name">flashbuy_fill</div>
                <div class="code-name">#iconflashbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin3"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqian"></use>
                </svg>
                <div class="name">whb_标签</div>
                <div class="code-name">#iconbiaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin4"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinxingye"></use>
                </svg>
                <div class="name">食品行业</div>
                <div class="code-name">#iconshipinxingye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaofei"></use>
                </svg>
                <div class="name">消费券-吃</div>
                <div class="code-name">#iconxiaofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinxua"></use>
                </svg>
                <div class="name">食品选中</div>
                <div class="code-name">#iconshipinxua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconai-home"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconai-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinmeishi"></use>
                </svg>
                <div class="name">食品美食</div>
                <div class="code-name">#iconshipinmeishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcirclefill"></use>
                </svg>
                <div class="name">circle_fill</div>
                <div class="code-name">#iconcirclefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconattentionfa"></use>
                </svg>
                <div class="name">attention_favor_fill</div>
                <div class="code-name">#iconattentionfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconanquan1"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#iconanquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangbianshipin"></use>
                </svg>
                <div class="name">方便食品</div>
                <div class="code-name">#iconfangbianshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconiconmenu1"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#iconiconmenu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnavigator"></use>
                </svg>
                <div class="name">导航</div>
                <div class="code-name">#iconnavigator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbarcode"></use>
                </svg>
                <div class="name">条形码</div>
                <div class="code-name">#iconbarcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbug"></use>
                </svg>
                <div class="name">调试</div>
                <div class="code-name">#iconbug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunie737"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#iconunie737</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye"></use>
                </svg>
                <div class="name">眼</div>
                <div class="code-name">#iconeye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeyeblocked"></use>
                </svg>
                <div class="name">不可见</div>
                <div class="code-name">#iconeyeblocked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsaomiaoerw"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconsaomiaoerw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdan1"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icondingdan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconruanpan"></use>
                </svg>
                <div class="name">存盘</div>
                <div class="code-name">#iconruanpan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconiconveri"></use>
                </svg>
                <div class="name">系统认证</div>
                <div class="code-name">#iconiconveri</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaobiao"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#iconbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondangan"></use>
                </svg>
                <div class="name">档案</div>
                <div class="code-name">#icondangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjisuanqi"></use>
                </svg>
                <div class="name">计算器</div>
                <div class="code-name">#iconjisuanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag"></use>
                </svg>
                <div class="name">旗</div>
                <div class="code-name">#iconflag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicopowerset"></use>
                </svg>
                <div class="name">power-set</div>
                <div class="code-name">#iconicopowerset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplug"></use>
                </svg>
                <div class="name">插头</div>
                <div class="code-name">#iconplug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsiglyp"></use>
                </svg>
                <div class="name">闹钟</div>
                <div class="code-name">#iconsiglyp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiguanshi"></use>
                </svg>
                <div class="name">人员关系树</div>
                <div class="code-name">#iconjiguanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqian1"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#iconbiaoqian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmedalfill"></use>
                </svg>
                <div class="name">medal_fill</div>
                <div class="code-name">#iconmedalfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaojishi"></use>
                </svg>
                <div class="name">倒计时</div>
                <div class="code-name">#icondaojishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconskinfill"></use>
                </svg>
                <div class="name">skin_fill</div>
                <div class="code-name">#iconskinfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin01"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsudongshipin"></use>
                </svg>
                <div class="name">速冻食品</div>
                <div class="code-name">#iconsudongshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconanquan3"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#iconanquan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin7"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiankong"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconjiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshiliangz"></use>
                </svg>
                <div class="name">单位换算</div>
                <div class="code-name">#iconshiliangz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin8"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyjsp"></use>
                </svg>
                <div class="name">有机食品</div>
                <div class="code-name">#iconyjsp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmendiang"></use>
                </svg>
                <div class="name">门店管理</div>
                <div class="code-name">#iconmendiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaochuku"></use>
                </svg>
                <div class="name">物料出库</div>
                <div class="code-name">#iconwuliaochuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaoruku"></use>
                </svg>
                <div class="name">物料入库</div>
                <div class="code-name">#iconwuliaoruku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdanwu"></use>
                </svg>
                <div class="name">订单物料采购入库</div>
                <div class="code-name">#icondingdanwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinjiag"></use>
                </svg>
                <div class="name">食品加工企业</div>
                <div class="code-name">#iconshipinjiag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwutiaoma"></use>
                </svg>
                <div class="name">无条码</div>
                <div class="code-name">#iconwutiaoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinhangye"></use>
                </svg>
                <div class="name">食品行业</div>
                <div class="code-name">#iconshipinhangye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkaishi"></use>
                </svg>
                <div class="name">计时未开始</div>
                <div class="code-name">#iconkaishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondeliver_fill"></use>
                </svg>
                <div class="name">deliver_fill</div>
                <div class="code-name">#icondeliver_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinzizhi"></use>
                </svg>
                <div class="name">食品资质认证</div>
                <div class="code-name">#iconshipinzizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjijiago"></use>
                </svg>
                <div class="name">忌加工食品</div>
                <div class="code-name">#iconjijiago</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin11"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqian2"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#iconbiaoqian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiankong1"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconjiankong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinrenz"></use>
                </svg>
                <div class="name">食品认证</div>
                <div class="code-name">#iconshipinrenz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqian3"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#iconbiaoqian3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongediancanrenzhengtubiaolvseshipin"></use>
                </svg>
                <div class="name">绿色食品</div>
                <div class="code-name">#icongediancanrenzhengtubiaolvseshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengshi"></use>
                </svg>
                <div class="name">339 省食安办</div>
                <div class="code-name">#iconshengshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuju"></use>
                </svg>
                <div class="name">数据</div>
                <div class="code-name">#iconshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrp-shipin"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconcrp-shipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmonit"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconmonit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaos"></use>
                </svg>
                <div class="name">物料申请  app-doctor-fe worder</div>
                <div class="code-name">#iconwuliaos</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyoujishipin-"></use>
                </svg>
                <div class="name">有机食品-01</div>
                <div class="code-name">#iconyoujishipin-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaomadayinji"></use>
                </svg>
                <div class="name">条码打印机</div>
                <div class="code-name">#icontiaomadayinji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaoguanli"></use>
                </svg>
                <div class="name">物料管理</div>
                <div class="code-name">#iconwuliaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#iconquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshiliangzhinengduixiang"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#iconshiliangzhinengduixiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaoma"></use>
                </svg>
                <div class="name">条码</div>
                <div class="code-name">#icontiaoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoudongs"></use>
                </svg>
                <div class="name">手动输入条码</div>
                <div class="code-name">#iconshoudongs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliao"></use>
                </svg>
                <div class="name">物料</div>
                <div class="code-name">#iconwuliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcharutiaoma"></use>
                </svg>
                <div class="name">插入条码</div>
                <div class="code-name">#iconcharutiaoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjishi1"></use>
                </svg>
                <div class="name">计时</div>
                <div class="code-name">#iconjishi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxuanchu"></use>
                </svg>
                <div class="name">宣传物料</div>
                <div class="code-name">#iconxuanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaichuk"></use>
                </svg>
                <div class="name">待出库商品</div>
                <div class="code-name">#icondaichuk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjishi2"></use>
                </svg>
                <div class="name">计时</div>
                <div class="code-name">#iconjishi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongsicengji"></use>
                </svg>
                <div class="name">公司层级</div>
                <div class="code-name">#icongongsicengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconopposefilllight"></use>
                </svg>
                <div class="name">oppose_fill_light</div>
                <div class="code-name">#iconopposefilllight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaojianshipin"></use>
                </svg>
                <div class="name">保健食品</div>
                <div class="code-name">#iconbaojianshipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinzuofang"></use>
                </svg>
                <div class="name">食品作坊</div>
                <div class="code-name">#iconshipinzuofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinxuke"></use>
                </svg>
                <div class="name">食品许可</div>
                <div class="code-name">#iconshipinxuke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiankong4"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconjiankong4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaoy"></use>
                </svg>
                <div class="name">物料与配送</div>
                <div class="code-name">#iconwuliaoy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbaojianshipin1"></use>
                </svg>
                <div class="name">保健食品</div>
                <div class="code-name">#iconbaojianshipin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshijian"></use>
                </svg>
                <div class="name">计时</div>
                <div class="code-name">#iconshijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaojilia"></use>
                </svg>
                <div class="name">物料计量标准</div>
                <div class="code-name">#iconwuliaojilia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipingongjiuleizhuanyeqingguan"></use>
                </svg>
                <div class="name">食品贡酒类专业清关</div>
                <div class="code-name">#iconshipingongjiuleizhuanyeqingguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqitachuk"></use>
                </svg>
                <div class="name">其他出库发货</div>
                <div class="code-name">#iconqitachuk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweibiaoti-"></use>
                </svg>
                <div class="name">物料</div>
                <div class="code-name">#iconweibiaoti-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsanpinw"></use>
                </svg>
                <div class="name">三品物料-填充</div>
                <div class="code-name">#iconsanpinw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin13"></use>
                </svg>
                <div class="name">食品</div>
                <div class="code-name">#iconshipin13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow_left_fill"></use>
                </svg>
                <div class="name">arrow_left_fill</div>
                <div class="code-name">#iconarrow_left_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow_up_fill"></use>
                </svg>
                <div class="name">arrow_up_fill</div>
                <div class="code-name">#iconarrow_up_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsafety"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#iconsafety</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconSH-wuliaoruku"></use>
                </svg>
                <div class="name">物料入库</div>
                <div class="code-name">#iconSH-wuliaoruku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinyaopinjianguan"></use>
                </svg>
                <div class="name">食品药品监管</div>
                <div class="code-name">#iconshipinyaopinjianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaoma2"></use>
                </svg>
                <div class="name">条码</div>
                <div class="code-name">#icontiaoma2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconanquan4"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#iconanquan4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiankong6"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconjiankong6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaoguanli1"></use>
                </svg>
                <div class="name">物料管理</div>
                <div class="code-name">#iconwuliaoguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipinjiushui"></use>
                </svg>
                <div class="name">食品酒水</div>
                <div class="code-name">#iconshipinjiushui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaomaguize"></use>
                </svg>
                <div class="name">产线条码规则</div>
                <div class="code-name">#icontiaomaguize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconactivity_fill"></use>
                </svg>
                <div class="name">activity_fill</div>
                <div class="code-name">#iconactivity_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaddr"></use>
                </svg>
                <div class="name">addressbook_fill</div>
                <div class="code-name">#iconaddr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbrowse_fill"></use>
                </svg>
                <div class="name">browse_fill</div>
                <div class="code-name">#iconbrowse_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbrush_fill"></use>
                </svg>
                <div class="name">brush_fill</div>
                <div class="code-name">#iconbrush_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcamera_fill"></use>
                </svg>
                <div class="name">camera_fill</div>
                <div class="code-name">#iconcamera_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock_fill"></use>
                </svg>
                <div class="name">clock_fill</div>
                <div class="code-name">#iconclock_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomputer_fill"></use>
                </svg>
                <div class="name">computer_fill</div>
                <div class="code-name">#iconcomputer_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcreatetask_fill"></use>
                </svg>
                <div class="name">createtask_fill</div>
                <div class="code-name">#iconcreatetask_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcustomerse"></use>
                </svg>
                <div class="name">customerservice_fill</div>
                <div class="code-name">#iconcustomerse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete_fill"></use>
                </svg>
                <div class="name">delete_fill</div>
                <div class="code-name">#icondelete_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondocument_fill"></use>
                </svg>
                <div class="name">document_fill</div>
                <div class="code-name">#icondocument_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconemoji_fill"></use>
                </svg>
                <div class="name">emoji_fill</div>
                <div class="code-name">#iconemoji_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeedback_fill"></use>
                </svg>
                <div class="name">feedback_fill</div>
                <div class="code-name">#iconfeedback_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag_fill"></use>
                </svg>
                <div class="name">flag_fill</div>
                <div class="code-name">#iconflag_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflashlight_fill"></use>
                </svg>
                <div class="name">flashlight_fill</div>
                <div class="code-name">#iconflashlight_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflip_fill"></use>
                </svg>
                <div class="name">flip_fill</div>
                <div class="code-name">#iconflip_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfullscreen"></use>
                </svg>
                <div class="name">fullscreen</div>
                <div class="code-name">#iconfullscreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongroup_fill"></use>
                </svg>
                <div class="name">group_fill</div>
                <div class="code-name">#icongroup_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheadlines_fill"></use>
                </svg>
                <div class="name">headlines_fill</div>
                <div class="code-name">#iconheadlines_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhomepage_fill"></use>
                </svg>
                <div class="name">homepage_fill</div>
                <div class="code-name">#iconhomepage_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral_fill"></use>
                </svg>
                <div class="name">integral_fill</div>
                <div class="code-name">#iconintegral_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinteractive_fill"></use>
                </svg>
                <div class="name">interactive_fill</div>
                <div class="code-name">#iconinteractive_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike_fill"></use>
                </svg>
                <div class="name">like_fill</div>
                <div class="code-name">#iconlike_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail_fill"></use>
                </svg>
                <div class="name">mail_fill</div>
                <div class="code-name">#iconmail_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmanage_fill"></use>
                </svg>
                <div class="name">manage_fill</div>
                <div class="code-name">#iconmanage_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessage_fill"></use>
                </svg>
                <div class="name">message_fill</div>
                <div class="code-name">#iconmessage_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile"></use>
                </svg>
                <div class="name">mobilephone_fill</div>
                <div class="code-name">#iconmobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnarrow"></use>
                </svg>
                <div class="name">narrow</div>
                <div class="code-name">#iconnarrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoffline_fill"></use>
                </svg>
                <div class="name">offline_fill</div>
                <div class="code-name">#iconoffline_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay_fill"></use>
                </svg>
                <div class="name">play_fill</div>
                <div class="code-name">#iconplay_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpraise_fill"></use>
                </svg>
                <div class="name">praise_fill</div>
                <div class="code-name">#iconpraise_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprompt_fill"></use>
                </svg>
                <div class="name">prompt_fill</div>
                <div class="code-name">#iconprompt_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqrcode_fill"></use>
                </svg>
                <div class="name">qrcode_fill</div>
                <div class="code-name">#iconqrcode_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconredpacket_fill"></use>
                </svg>
                <div class="name">redpacket_fill</div>
                <div class="code-name">#iconredpacket_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconremind_fill"></use>
                </svg>
                <div class="name">remind_fill</div>
                <div class="code-name">#iconremind_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconselect_fill"></use>
                </svg>
                <div class="name">select_fill</div>
                <div class="code-name">#iconselect_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshielding_fill"></use>
                </svg>
                <div class="name">shielding_fill</div>
                <div class="code-name">#iconshielding_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsystempro"></use>
                </svg>
                <div class="name">systemprompt_fill</div>
                <div class="code-name">#iconsystempro</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontask_fill"></use>
                </svg>
                <div class="name">task_fill</div>
                <div class="code-name">#icontask_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontasklist_fill"></use>
                </svg>
                <div class="name">tasklist_fill</div>
                <div class="code-name">#icontasklist_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock_fill"></use>
                </svg>
                <div class="name">unlock_fill</div>
                <div class="code-name">#iconunlock_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo_fill"></use>
                </svg>
                <div class="name">video_fill</div>
                <div class="code-name">#iconvideo_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning_fill"></use>
                </svg>
                <div class="name">warning_fill</div>
                <div class="code-name">#iconwarning_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondecoration_fill"></use>
                </svg>
                <div class="name">decoration_fill</div>
                <div class="code-name">#icondecoration_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon150"></use>
                </svg>
                <div class="name">150-清真食品</div>
                <div class="code-name">#icon150</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon151"></use>
                </svg>
                <div class="name">151-犹太食品</div>
                <div class="code-name">#icon151</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliaocan"></use>
                </svg>
                <div class="name">物料仓储管理</div>
                <div class="code-name">#iconwuliaocan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiankong7"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#iconjiankong7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweis"></use>
                </svg>
                <div class="name">食品微生物</div>
                <div class="code-name">#iconweis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmianbao"></use>
                </svg>
                <div class="name">食品-面包-t</div>
                <div class="code-name">#iconmianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconessor"></use>
                </svg>
                <div class="name">食品加工机</div>
                <div class="code-name">#iconessor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondayintiaoma1"></use>
                </svg>
                <div class="name">打印条码</div>
                <div class="code-name">#icondayintiaoma1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenpi"></use>
                </svg>
                <div class="name">物料预归类审批</div>
                <div class="code-name">#iconshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjishi"></use>
                </svg>
                <div class="name">计时</div>
                <div class="code-name">#iconjishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcailiao"></use>
                </svg>
                <div class="name">材料装车</div>
                <div class="code-name">#iconcailiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnkaohe"></use>
                </svg>
                <div class="name">粮食安全考核</div>
                <div class="code-name">#iconnkaohe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuomoban-"></use>
                </svg>
                <div class="name">物料管理</div>
                <div class="code-name">#iconuomoban-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliao1"></use>
                </svg>
                <div class="name">物料登记</div>
                <div class="code-name">#iconwuliao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaomacheng"></use>
                </svg>
                <div class="name">条码秤</div>
                <div class="code-name">#icontiaomacheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongchewuliao"></use>
                </svg>
                <div class="name">装车物料</div>
                <div class="code-name">#icongchewuliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuliao2"></use>
                </svg>
                <div class="name">物料</div>
                <div class="code-name">#iconwuliao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontiaomadayin"></use>
                </svg>
                <div class="name">条码打印</div>
                <div class="code-name">#icontiaomadayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsshengch"></use>
                </svg>
                <div class="name">s生成条码</div>
                <div class="code-name">#iconsshengch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangpin"></use>
                </svg>
                <div class="name">商品出库</div>
                <div class="code-name">#iconshangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin-hanbao"></use>
                </svg>
                <div class="name">食品-汉堡</div>
                <div class="code-name">#iconshipin-hanbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuasheng"></use>
                </svg>
                <div class="name">食品-坚果-花生</div>
                <div class="code-name">#iconuasheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjitui"></use>
                </svg>
                <div class="name">食品-生鲜-鸡腿</div>
                <div class="code-name">#iconjitui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyingtao"></use>
                </svg>
                <div class="name">食品-水果-樱桃</div>
                <div class="code-name">#iconyingtao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengxian-yu"></use>
                </svg>
                <div class="name">食品-生鲜-鱼</div>
                <div class="code-name">#iconshengxian-yu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhetao"></use>
                </svg>
                <div class="name">食品-坚果-核桃</div>
                <div class="code-name">#iconhetao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin-she"></use>
                </svg>
                <div class="name">食品-生鲜-虾</div>
                <div class="code-name">#iconshipin-she</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin-kafei"></use>
                </svg>
                <div class="name">食品-咖啡</div>
                <div class="code-name">#iconshipin-kafei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmall_fill_light"></use>
                </svg>
                <div class="name">mall_fill_light</div>
                <div class="code-name">#iconmall_fill_light</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
